<!--先获取定位信息 然后根据定位信息获取附近的活动-->
<style>
    .amap-icon img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }
    .amap-info-sharp {
        height: 12px !important;
        width: 15px;
        background-size: 100%;
    }
    .map_p {
        margin-top: 10px;
    }
    .map_p .weui-btn {
        line-height: 1.3rem;
        float: right;
    }
    #cancel_bt {
        position: absolute;
        top: 0;
        left: 1rem;
        width: auto;
        background: red;
    }

    #show_activity_info {
        position: fixed;
        top: 2.4rem;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        background: #fff;
    }

    #show_activity_info .default {
        text-align: center;
        margin-top: 5rem;
    }
</style>
<div style="position: fixed; top: 4.7rem; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;">
    <div id="map" class="get_nearby_activity" style="height: 100%"></div>
    <div class='center'>
        <div id='cancel_bt' class="btmtip">取消导航</div>
        <div id='bt' class="btmtip">点击去高德地图</div>
    </div>
</div>
<div id="activity_info" class="weui-popup__container popup-bottom">

</div>
<script src="__STATIC__/home/js/activity.js"></script>
<script src="__STATIC__/home/js/map.js?v={php} echo time();{/php}"></script>
<script type="text/javascript" src="__STATIC__/home/jquery_weui/js/swiper.min.js"></script>
<script>
    $(function () {
        $(document).on('click', '.get_activity_info', function () {
            var _this = $(this);
            get_activity_info(_this.data('id'));
        });

        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            slidesPerView: 1,
            loop:true,
            paginationClickable: true,
            spaceBetween: 5,
            autoplay:3000
        });
        var swiper = new Swiper('.swiper-container1', {
            slidesPerView: 'auto',
            spaceBetween: 5,
        });
    });
</script>